﻿<%@ Page Title="" Language="C#" MasterPageFile="~/CardCenter/card6.master" AutoEventWireup="true" CodeFile="ConsultationCardPwdSelect.aspx.cs" Inherits="CardCenter_ConsultationCardPwdSelect" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head1" Runat="Server"> 
    <link rel="stylesheet" type="text/css" href="../css/style.css" />
    <script type="text/javascript" src="../Scripts/jquery-min-lastest.js"></script>
    <script src="../Scripts/jquery-ui-all-min-lastest.js" type="text/javascript"></script>    
    <script type="text/javascript" src="../Scripts/aboutverifycode.js"></script>
    <script type="text/javascript" src="../Scripts/My97DatePicker/WdatePicker.js"></script>
    <% if (false)
       {%><script src="../Scripts/jquery-vsdoc-lastest.js" type="text/javascript"></script>
    <% }%>
    <script type="text/javascript">
        $(function() {
            var regNum = /[\d+]/ig;
            var regMobileNO = /^(((13[0-9]{1})|18[0-9]{1}|(15[0-9]{1}))+\d{8})$/;
            //显示jQuery Tabs
            $("#tabs1").tabs({
                collapsible: true
            });

            //使用jQuery进行表单验证
            $("input[id*=btn_GetPwd1]").bind("click", function() {

                var $mobileNO = $("input[id*=MobileNO]").val();
                var $verifyCode = $("input[id*=txt_VerifyCode]").val();
                var $cardNO = $("input[id*=txt_CardNO]").val();

                if ($mobileNO == "") {
                    alert("手机号不能为空！");
                    return false;
                }

                if (!regMobileNO.test($mobileNO)) {
                    alert("请输入正确的手机号码！");
                    $("input[id*=MobileNO]").val("");
                    return false;
                }

                if ($verifyCode == "") {
                    alert("验证码不能为空！");
                    return false;
                }

                if (!regNum.test($verifyCode)) {
                    alert("验证码必须为数字！");
                    $("input[id*=txt_VerifyCode]").val("");
                    return false;
                }

                if ($cardNO == "") {
                    alert("卡号不能为空！");
                    return false;
                }

                if (!regNum.test($cardNO)) {
                    alert("卡号必须为数字！");
                    $("input[id*=txt_CardNO]").val("");
                    return false;
                }
                
                return true;
            });

            //使用jQuery进行表单验证
            $("input[id*=btn_GetPwd2]").bind("click", function() {

                var $mobileNO = $("input[id*=MobileNO]").val();
                var $verifyCode = $("input[id*=txt_VerifyCode2]").val();
                var $startTime = $("input[id*=txt_StartTime]").val();
                var $endTime = $("input[id*=txt_EndTime]").val();

                if ($mobileNO == "") {
                    alert("手机号不能为空！");
                    return false;
                }

                if (!regMobileNO.test($mobileNO)) {
                    alert("请输入正确的手机号码！");
                    $("input[id*=MobileNO]").val("");
                    return false;
                }
                
                if ($verifyCode == "") {
                    alert("验证码不能为空！");
                    return false;
                }

                if (!regNum.test($verifyCode)) {
                    alert("验证码必须为数字！");
                    $("input[id*=txt_VerifyCode2]").val("");
                    return false;
                }

                if ($startTime == "") {
                    alert("开始时间不能为空！");
                    return false;
                }

                if ($endTime == "") {
                    alert("结束时间不能为空！");
                    return false;
                }

                return true;
            });

        });
        
    </script>
    <style type="text/css">
        .style1
        {
            width: 733px;
            height: 51px;
        }
        .style5
        {
            width: 69px;
        }
        .style7
        {
            width: 100%;
            height: 160px;
        }
        .style8
        {
            width: 189px;
        }
        .style9
        {
            width: 122px;
        }
        .style10
        {
            width: 122px;
            height: 51px;
        }
        .style11
        {
            width: 189px;
            height: 51px;
        }
        .style12
        {
            height: 51px;
        }
        .style13
        {
            width: 122px;
            height: 39px;
        }
        .style14
        {
            width: 189px;
            height: 39px;
        }
        .style15
        {
            height: 39px;
        }
        .style16
        {
            width: 166px;
            height: 39px;
        }
        .style18
        {
            width: 166px;
            height: 51px;
        }
        .style20
        {
            height: 39px;
            width: 27px;
        }
        .style21
        {
            width: 27px;
        }
        .style22
        {
            height: 51px;
            width: 27px;
        }
        .style23
        {
            width: 16px;
        }
        .style24
        {
            width: 166px;
        }
        
        .btn {
 BORDER-RIGHT: #7b9ebd 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7b9ebd 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 13px;
 FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#cecfde); 
 BORDER-LEFT: #7b9ebd 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #7b9ebd 1px solid; height:28px;
}
        .style25
        {
            width: 160px;
        }
        .style26
        {
            width: 155px;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="r" Runat="Server">
    <form id="form1" runat="server">
<div>
<div id="r1">
<div id="r11"><a href="#">&nbsp;&nbsp;卡务中心</a><a href="#">&nbsp;&nbsp;>>咨询卡密码查询</a></div></div>
    <div style="width:729px; height:41px;">
    <div style="width:20px; height:41px; float:left;"></div>
    <div style="width:32px; height:41px; float:left;"><asp:Image ID="Image1" runat="server"  ImageUrl="~/Images/CardCenterImg/cai1.jpg"/></div>
    <div style="width:100px; height:41px; float:left;text-align:center; font-size:12px; font-weight:bold; line-height:41px;">
        <asp:Label ID="Label1" runat="server" Text="填写帐户信息" ForeColor="Black"></asp:Label></div>
    <div style="width:32px; height:41px; float:left; "><asp:Image ID="Image2" runat="server"  ImageUrl="~/Images/CardCenterImg/hui2.jpg"/></div>
    <div style="width:100px; height:41px; float:left;text-align:center; font-size:12px; font-weight:bold; line-height:41px;"><asp:Label ID="Label2" runat="server" Text="查询结果" ForeColor="Gray"></asp:Label></div>
    </div>
    <div style="border-top:16px #fff solid; line-height:16px;"></div>
    <div style="border-bottom:8px #fff solid; border-top:dotted thin #ccc; line-height:8px; width:729px;"></div>
    <div style="border-top:16px #fff solid; line-height:16px;">        
        <%--<input id="test" type="button" value="测试" />--%>
    <table class="style1">
        <tr>
            <td class="style5" style="text-align:center; font-weight:bold; font-size:13px;">
                手机号:</td>
            <td class="style25">
                &nbsp
                <asp:TextBox ID="MobileNO" runat="server" BorderColor="Black" 
                    BorderWidth="1px" Height="20px" Width="150px"></asp:TextBox>
                <%--<input type="text" id="MobileNO" name="MobileNO" style="border:1px solid Black; width:150px; height:20px;" />--%>              
                    </td>
            <td class="style26"><%--
            <asp:ImageButton ID="ImageButton1" runat="server" 
                    ImageUrl="~/Images/CardCenterImg/sqyanzheng.jpg" onclick="ImageButton1_Click" />
                    <img id="btn_GetVerifyCode" src="../Images/CardCenterImg/sqyanzheng.jpg" alt="获取手机验证码" />--%>
                    <input type='button' id="CommentSubmit" class="btn" value='获取手机验证码' onclick="SendComment(1)"   />
            </td>
            <td style="font-size:13px; font-weight:bold;">
               &nbsp; 
                （此手机号为购卡时所绑定的手机号）</td>
        </tr>
    </table>
    </div>
    
   <div style="font-size:12px; color:Gray; margin-bottom:35px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;短信可能会有延迟，请耐心等候，如果您长时间没有收到短信，请尝试重新获取!</div>
    <div style="width:729px; text-align:center;">
            <div id="tabs1" style="width: 720px; height: 232px;">
                <ul>
                    <li><a href="#tabs2-1">按卡号查询</a></li>
                    <li><a href="#tabs2-2">按时间段查询</a></li>
                </ul>
                <div id="tabs2-1" style="height:162px;"> 
                    <table class="style7" style="text-align:center;font-weight:bold; font-size:13px;">
                        <tr>
                            <td class="style13" 
                                style="text-align:center; font-weight:bold; font-size:13px;">
                                输入验证码：</td>
                                                <td class="style14">
                                                    <asp:TextBox ID="txt_VerifyCode" runat="server" BorderWidth="1px" Height="20px" 
                                                        Width="150px"></asp:TextBox>
                                                </td>
                                                <td class="style15">
                                                    </td>
                                            </tr>
                                            <tr>
                                                <td class="style9">
                                                    输入咨询卡号：</td>
                                                <td class="style8">
                                                    <asp:TextBox ID="txt_CardNO" runat="server" BorderWidth="1px" Height="20px" 
                                                        Width="150px"></asp:TextBox>
                                                </td>
                                                <td>&nbsp;
                                                    </td>
                                            </tr>
                                            <tr>
                                                <td class="style10">
                                                    </td>
                                                <td class="style11">
                                                    <asp:ImageButton ID="btn_GetPwd1" runat="server" 
                                                        ImageUrl="~/Images/CardCenterImg/querentijiao.jpg" onclick="btn_GetPwd1_Click" />
                                                </td>
                                                <td class="style12">
                                                    </td>
                                            </tr>
                                        </table>
                      
                </div>
                <div id="tabs2-2">
                                <table class="style7" style="text-align:center;font-weight:bold; font-size:13px;">
                        <tr>
                            <td class="style13" 
                                style="text-align:center; font-weight:bold; font-size:13px;">
                                输入验证码：</td>
                                <td class="style23">&nbsp; </td>
                                                <td class="style16">
                                                    <asp:TextBox ID="txt_VerifyCode2" runat="server" BorderWidth="1px" Height="20px" 
                                                        Width="150px"></asp:TextBox>
                                                </td>
                                                <td class="style20">
                                                    </td>
                                            </tr>
                                            <tr>
                                                <td class="style9">
                                                    购卡时间：</td>
                                                <td class="style23"> 从
                                                
                                                    </td>
                                                <td class="style24">
                                                    <asp:TextBox ID="txt_StartTime" runat="server" BorderWidth="1px" Height="20px" 
                                                        Width="150px" Font-Names="Verdana"></asp:TextBox>
                                                </td>
                                                <td class="style21"> 到
                                                
                                                    </td>
                                                <td style="text-align:left;">
                                                    <asp:TextBox ID="txt_EndTime" runat="server" BorderWidth="1px" Height="20px" 
                                                        Width="150px" Font-Names="Verdana"></asp:TextBox>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="style10">
                                                    </td>
                                                 <td class="style23">&nbsp; </td>
                                                <td class="style18">
                                                    <asp:ImageButton ID="btn_GetPwd2" runat="server" 
                                                        ImageUrl="~/Images/CardCenterImg/querentijiao.jpg" 
                                                        onclick="btn_GetPwd2_Click" />
                                                </td>
                                                <td class="style22">
                                                    </td>
                                            </tr>
                                        </table>
                </div>
            </div>
    </div>
    <script type="text/javascript">
        //<![CDATA[
        GetComment(1, 1);
        //]]>
</script>    

</div>
    </form>
</asp:Content>
